<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>推广系统登录页</title>
    <link rel="stylesheet" href="__PUBLIC__/admin/vendor/simple-line-icons/css/simple-line-icons.css">
    <link rel="stylesheet" href="__PUBLIC__/admin/vendor/font-awesome/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="__PUBLIC__/admin/css/styles.css">
    <link rel="icon" href="__PUBLIC__/admin/src/imgs/icon.jpg" type="img/x-ico" />
</head>
<body>
<div class="page-wrapper flex-row align-items-center">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-5">
                <div class="card p-4">
                    <form class="form-signin" action="{:U('Admin/Login/login')}" method="post">
                    <div class="card-header text-center text-uppercase h4 font-weight-light">
                        登录
                    </div>
                    
                        <div class="card-body py-5">
                            <div class="form-group">
                                <label class="form-control-label">用户名</label>
                                <input type="text" name="username" class="form-control" autocomplete="off">
                            </div>

                            <div class="form-group">
                                <label class="form-control-label">密码</label>
                                <input type="password" class="form-control" name="password">

                            </div>

                            <div class="form-group">
                                <div style="width:30%;float: left;margin-right: 8%">
                                    <label class="form-control-label">输入验证码</label>
                                    <input type="text" class="form-control" name="verify" >
                                </div>
                                <div style="float: left;width:40%;">
                                    <img src="{:U('Login/verify')}" id="verify_img" />
                                </div>
                                
                            </div>

                            <div >
                                <input type="checkbox" class="custom-control-input" id="login" >
                                <label class="custom-control-label" for="login" style="margin-left: 7%; margin-top: 15px;">记住密码</label>
                            </div>
                        </div>

                        <div class="card-footer">
                            <div class="row">
                                <div class="col-6">
                                    <button type="submit" class="btn btn-primary px-5">登录</button>
                                </div>

                                <div class="col-6">
                                    <a href="#" class="btn btn-link">忘记密码</a>
                                </div>
                            </div>
                        </div>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script src="__PUBLIC__/admin/vendor/jquery/jquery.min.js"></script>
<script src="__PUBLIC__/admin/vendor/popper.js/popper.min.js"></script>
<script src="__PUBLIC__/admin/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/admin/vendor/chart.js/chart.min.js"></script>
<script src="__PUBLIC__/admin/js/carbon.js"></script>
<script src="__PUBLIC__/admin/js/demo.js"></script>
<script type="text/javascript">
    $("#verify_img").click(function() {
        var verifyURL = "/Admin/Login/verify";
        var time = new Date().getTime();
        $("#verify_img").attr({
           "src" : verifyURL + "/" + time
        });
    });
</script>
</body>
</html>
